<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/plugins/echarts/echarts-all.js"></script>
    <script type="text/javascript">
        window.onload = function () {

            // 基于准备好的dom，初始化echarts图表
            var myChart = echarts.init(document.getElementById('main'));

            var option = {
                title:{
                    text:"销售报表",
                    x:"center",
                    subtext:"销售人猿"
                },
                tooltip: {
                    show: true
                },
                toolbox:{
                  show :true,
                  feature:{
                      mark:{
                          show:true
                      },
                      dataView :{
                          show:true,
                          readOnly:true
                      },
                      magicType:{
                        show :true,
                        type:['line','bar']
                      },
                      restore:{
                        show :true,
                      },
                      saveAsImage:{
                            show :true
                      }
                  }

                },
                legend: {
                    data: ['销量'],
                    x:'left'
                },
                xAxis: [
                    {
                        type: 'category',
                        data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
                    }
                ],
                yAxis: [
                    {
                        type: 'value'
                    }
                ],
                series: [
                    {
                        "name": "销量",
                        "type": "bar",
                        "data": [5, 20, 40, 10, 10, 20],
                        markPoint:{
                            data:[
                         {type :'max',name: '最大值' },
                         {type :'min',name: '最小值' },
                            ]
                        }, markLine : {
                        data : [
                            {type : 'average', name: '平均值'}
                        ]
                    }
                    }
                ],

            };

            // 为echarts对象加载数据
            myChart.setOption(option);
        };


    </script>
</head>
<body>
<div id="main" style="height:400px "></div>
</body>
</html>